Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae accumsan mauris. Donec vitae nibh
<!-- Special Offers Widget --> <div class="widget widget-heading-simple widget-body-gray widget-offers"> <!-- Widget Heading --> <div class="widget-head"> <h4 class="heading glyphicons gift"><i></i>Special Offers</h4> </div> <!-- // Widget Heading END --> <div class="widget-body"> <!-- Media item --> <div class="media"> <img class="media-object pull-left thumb hidden-tablet hidden-phone" data-src="holder.js/100x100/white" alt="Image" /> <div class="media-body"> <h5><a href="">Product or Service Name</a></h5> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae accumsan mauris. Donec vitae nibh</p> <div class="row"> <div class="col-md-6 tablet-column-reset"> <span class="price">Price: <strong>$29.90</strong></span> </div> <div class="col-md-6 text-right tablet-column-reset"> <button type="button" class="btn btn-inverse btn-icon glyphicons shopping_cart btn-sm"><i></i>Purchase</button> </div> </div> </div> </div> <!-- // Media item END --> </div> </div> <!-- // Special Offers Widget END -->
@import "http://localhost/shared/components/modules/admin/widgets/widget-offer/assets/less/widget-offer.less"; @import "assets/components/core/less/gallery.less"; @import "assets/components/core/less/widgets.less"; @import "assets/components/modules/admin/ui/buttons/assets/buttons.less";
<head>
section of your HTML document, before any JavaScript files: <link type="stylesheet/less" href="styles.less" />
NOTE All the styles from the CORE package also need to be imported in this file, before the component imports.
BODY You should include the following scripts at the end of the HTML document, right before the closing </body>
tag.
<script src="assets/components/plugins/holder/holder.js?v=v1.2.3"></script>